<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>智慧消防系统</title>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
    <!-- Bootstrap 3.3.4 -->
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- Font Awesome Icons -->
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- DATA TABLES -->
    <link href="../../plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
    <!-- AdminLTE Skins. Choose a skin from the css/skins 
         folder instead of downloading all of them to reduce the load. -->
    <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
     <link href="../../bootstrap/css/add-class.css" rel="stylesheet" type="text/css" />

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="skin-blue sidebar-mini">
    <div class="wrapper">
      <header class="main-header" style="position:relative">
        <!-- Logo -->
        <a href="../../index2.html" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini"><img src="../../dist/img/logo.png"  height="12"></span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg"><img src="../../dist/img/logo.png"  height="32"></span>
        </a>
        <!-- Header Navbar: style can be found in header.less -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
         <ul class="top-menu"><li><a href="#">首页</a></li><li><a href="#">运行监测</a></li><li><a href="#">实时告警</a></li><li><a href="#">系统巡检</a></li><li><a href="#">报表统计</a></li><li><a href="#">告警管理</a></li><li><a href="#">召修维保管理</a></li><li><a href="#">安全巡查监管</a></li><li><a href="#">系统管理</a></li></ul>
          <div class="top-right-menu pull-right">	
          <div class=" dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="false">		
          <img src="../../dist/img/people.png" width="25" class="user-icon">超级管理员	<span class="caret"></span>	</div>	
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">		
          <li role="presentation">	<a role="menuitem" tabindex="-1" href="#"><i class="ion-ios7-person"></i> 个人资料</a></li>		
          <li role="presentation">	<a role="menuitem" tabindex="-1" href="../login/login.html"><i class="ion-ios7-redo"></i>退出</a></li>
          </ul>
          </div>
        </nav>
      </header>
      <!-- Left side column. contains the logo and sidebar -->
      <aside class="main-sidebar">
        <!-- sidebar: style can be found in sidebar.less -->
        <section class="sidebar">
          <!-- Sidebar user panel -->
          <!-- /.search form -->
          <!-- sidebar menu: : style can be found in sidebar.less -->
          <ul class="sidebar-menu">
           
            <li class="treeview">
              <a href="#">
                <i class="fa fa-dashboard"></i> <span>基础管理</span> <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i>系统角色</a></li>
                <li><a href="../../index2.html"><i class="fa fa-circle-o"></i>系统权限</a></li>
                <li><a href="../../index2.html"><i class="fa fa-circle-o"></i>系统菜单</a></li>
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i>接口配置</a></li>
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i>系统日志</a></li>
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i>多租用户管理</a></li>
              </ul>
            </li>
            
            
            <li class="treeview">
              <a href="#">
                <i class="fa fa-pie-chart"></i>
                <span>用户管理</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> 用户管理</a></li>
                <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> 部门管理</a></li>
                <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> 用户角色</a></li>
                <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> 用户权限</a></li>
                <li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> 统一身份认证</a></li>
                <li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> 通知公告</a></li>
                <li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> 接口用户</a></li>
              </ul>
            </li>
            <li class="treeview">
              <a href="#">
                <i class="fa fa-laptop"></i>
                <span>项目管理</span>
                <i class="fa fa-angle-left pull-right"></i>
              </a>
              <ul class="treeview-menu">
                <li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> 区域信息</a></li>
                <li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> 项目信息</a></li>
                <li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> 苑区信息</a></li>
                <li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> 街道信息</a></li>
                <li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> 楼栋单元信息</a></li>
              </ul>
            </li>
          </ul>
        </section>
        <!-- /.sidebar -->
      </aside>

      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <h1>
            基础管理
            <small>用户管理</small>
          </h1>
          <ol class="breadcrumb">
            <li><a href="#"><i class="fa fa-fw fa-home"></i> 首页</a></li>
            <li><a href="#">基础管理</a></li>
            <li class="active">用户管理</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">
          <div class="row">
            <div class="col-xs-12">
              <div class="box">
                <div class="box-header">
                  <h3 class="box-title"></h3>
                </div><!-- /.box-header -->
                <div class="box-body form-input ">
                  <div class="form-group col-md-2">
                    <label>所属部门:</label>
                    <input type="text" class="form-control">
                  </div>
                  <div class="form-group col-md-2">
                    <label>用户姓名:</label>
                    <input type="text" class="form-control">
                  </div>
                   <div class="form-group col-md-2">
                    <label>所属部门:</label>
                    <input type="text" class="form-control">
                  </div>
                  <div class="form-group col-md-2">
                    <label>用户姓名:</label>
                    <input type="text" class="form-control">
                  </div>
                  <div class="form-group col-md-2">
                    <label>用户姓名:</label>
                    <input type="text" class="form-control">
                  </div>
                </div><!-- /.box-body -->
                <div class="btn-div">
                            <a href="#"  class="btn btn-info "><i class="fa fa-search"></i> 搜索</a>
                            <a class="btn bg-navy" ><i class="fa fa-retweet"></i> 更新数据</a>
                            <a  class="btn btn-success "><i class="fa fa-plus"></i> 新增</a>

                        </div>
              </div><!-- /.box -->

              <div class="box">
                <div class="box-header">
                  <h3 class="box-title">用户列表</h3>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <table  class="table table-bordered table-hover">
                    <thead>
                      <tr>
                        <th><input type="checkbox" name="select-all"></th>
                        <th>用户</th>
                        <th>账号</th>
                        <th>工号</th>
                        <th>所属部门</th>
                        <th>账号</th>
                        <th>工号</th>
                        <th>身份证</th>
                        <th>账号</th>
                        <th>工号</th>
                        <th>所属部门</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr>
                        <td><input type="checkbox" name="select-all"></td>
                        <td>王康贵</td>
                        <td>13695665679</td>
                        <td>2011030477</td>
                        <td>工程维修服务部</td>
                        <td>男</td>
                        <td>422212345678909999</td>
                        <td>2011030477</td>
                        <td>工程维修服务部</td>
                        <td>男</td>
                        <td>422212345678909999</td>
                      </tr>
                     
                    </tfoot>
                  </table>
                </div><!-- /.box-body -->
                <div class="row">
                <div class="col-sm-5"><div class="dataTables_info" id="example2_info" role="status" aria-live="polite">共计5557条</div></div>
                <div class="col-sm-7"><div class="dataTables_paginate paging_simple_numbers" id="example2_paginate"><ul class="pagination"><li class="paginate_button previous disabled" id="example2_previous"><a href="#" aria-controls="example2" data-dt-idx="0" tabindex="0">上一页</a></li><li class="paginate_button active"><a href="#" aria-controls="example2" data-dt-idx="1" tabindex="0">1</a></li><li class="paginate_button "><a href="#" aria-controls="example2" data-dt-idx="2" tabindex="0">2</a></li><li class="paginate_button "><a href="#" aria-controls="example2" data-dt-idx="3" tabindex="0">3</a></li><li class="paginate_button "><a href="#" aria-controls="example2" data-dt-idx="4" tabindex="0">4</a></li><li class="paginate_button "><a href="#" aria-controls="example2" data-dt-idx="5" tabindex="0">5</a></li><li class="paginate_button "><a href="#" aria-controls="example2" data-dt-idx="6" tabindex="0">6</a></li><li class="paginate_button next" id="example2_next"><a href="#" aria-controls="example2" data-dt-idx="7" tabindex="0">下一页</a></li></ul></div></div></div>
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      <footer class="main-footer">
        <div class="pull-right hidden-xs">
          <b>Version</b> 2.0
        </div>
        <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
      </footer>
      
     
      <!-- Add the sidebar's background. This div must be placed
           immediately after the control sidebar -->
      <div class='control-sidebar-bg'></div>
    </div><!-- ./wrapper -->

    <!-- jQuery 2.1.4 -->
    <script src="../../plugins/jQuery/jQuery-2.1.4.min.js"></script>
    <!-- Bootstrap 3.3.2 JS -->
    <script src="../../bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <!-- DATA TABES SCRIPT -->
    <script src="../../plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="../../plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script>
    <!-- SlimScroll -->
    <script src="../../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script>
    <!-- FastClick -->
    <script src='../../plugins/fastclick/fastclick.min.js'></script>
    <!-- AdminLTE App -->
    <script src="../../dist/js/app.min.js" type="text/javascript"></script>
    <!-- AdminLTE for demo purposes -->
    <script src="../../dist/js/demo.js" type="text/javascript"></script>
    <!-- page script -->


  </body>
</html>
